<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<script>
	window.onload = function() {
		tpSet('tpeg', 'tabs', 'tp1', 'tp2', 'tp3', 'tp4');
	}
</script>

<table width="100%">
	<tr>
		<td width="100%">
			<fieldset>
				<legend>
					<strong>View User Logs/strong>
				</legend>
				<table width="100%">
					<tbody>
						<tr>
							<td>
								<table>
									<tr>
										<td>
											User Type
										</td>
										<td>
											<select style="width: 250px;">
												<option>
													Please select user type
												</option>
												<option>
													Admin
												</option>
												<option>
													Teacher
												</option>
												<option>
													Staff
												</option>
											</select>
										</td>
										<td>
											Users
										</td>
										<td>
											<select style="width: 150px;">
												<option>
													Please select batch
												</option>
												<option>
													1st year
												</option>
												<option>
													2rd year
												</option>
											</select>
										</td>
										<td>
											<input value="Edit" type="submit">
										</td>
									</tr>
								</table>
							</td>
						</tr>
						<tr>							
							<td width="100%">
								<br />
								<div id="tpeg">
									<h4>
										Menu
									</h4>
									<ul>
										<li>
											<a href="#tp1">Link to panel one</a>
										</li>
										<li>
											<a href="#tp2">Link to panel two</a>
										</li>
										<li>
											<a href="#tp3">Link to panel three</a>
										</li>
										<li>
											<a href="#tp4">Link to panel four</a>
										</li>
									</ul>
								</div>
								<div id="tp1" title="General Details">
									<table>																					
										<tr>
											<td colspan="2">
												<br/>
												<table class="table-list">
													<thead>
														<tr class="header2">
															<th width="50">
																#
															</th>
															<th width="200">
																Staff No
															</th>
															<th width="200">
																Staff Name
															</th>															
															<th width="200">
																Login Time
															</th>															
														</tr>
													</thead>
													<tbody>
														<c:forEach var="department" varStatus="index" begin="1"
															end="5" step="1">
															<tr>
																<td width="50">
																	${index.count}
																</td>
																<td width="200">
																	STU007
																</td>
																<td width="200">
																	Ram Kumar
																</td>
																<td width="200">
																	Kumar
																</td>	
															</tr>
														</c:forEach>
													</tbody>														
												</table>
											</td>
										</tr>
									</table>
								</div>
								<div id="tp2" title="Personal Details">
									<table width="100%">
										<tbody>
											<tr>
												<td>
													Address:
												</td>
												<td colspan="5">
													Street
													<br>
													<input type="text" />
												</td>
											</tr>
											<tr>
												<td>
													&nbsp;
												</td>
												<td colspan="3">
													Area:
													<br>
													<input type="text" />
												</td>
												<td colspan="2">
													City:
													<br>
													<input type="text" />
												</td>
											</tr>
											<tr>
												<td>
													&nbsp;
												</td>
												<td>
													State:
													<br>
													<input type="text" />
												</td>
												<td colspan="2">
													Country:
													<br>
													<select style="width: 150px;">
														<option>
															Please select batch
														</option>
														<option>
															1st year
														</option>
														<option>
															2rd year
														</option>
													</select>
												</td>
												<td colspan="2">
													Zip:
													<br>
													<input type="text" />
												</td>
											</tr>
											<tr>
												<td>
													Phones:
												</td>
												<td>
													Mobile:
													<br>
													<input type="text" />
												</td>
												<td colspan="2">
													Home:
													<br>
													<input type="text" />
												</td>
												<td colspan="2">
													Other:
													<br>
													<input type="text" />
												</td>
											</tr>
											<tr>
												<td>
													Email:
												</td>
												<td colspan="5">
													<input type="text" /> 
												</td>
											</tr>
											<tr>
												<td>
													Image:
												</td>
												<td colspan="5">
													<input type="file" name="imagePath" />
												</td>
											</tr>
											<tr>
												<td class="bg" width="160">
													Spouse Name:
												</td>
												<td colspan="5" bgcolor="#f9f9f9">
													<input type="text" />
												</td>
											</tr>
											<tr>
												<td>
													More Info :
												</td>
												<td colspan="5">
													<textarea rows="2" cols="20"></textarea>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
								<div id="tp3" title="Educational Details">
									<table width="100%">
										<tbody>
											<tr>
												<td width="22%">
													Qualification
													<br>
													<textarea rows="2" cols="20"></textarea>
												</td>
												<td width="22%">
													University
													<br>
													<textarea rows="2" cols="20"></textarea>
												</td>
											</tr>
											<tr>
												<td width="22%">
													&nbsp;
												</td>
												<td width="22%">
													&nbsp;
												</td>
											</tr>
											<tr>
												<td width="22%">
													Experience
													<br>
													<textarea rows="2" cols="20"></textarea>
												</td>
												<td width="22%">
													Subject Matter expert
													<br>
													<textarea rows="2" cols="20"></textarea>
												</td>
											</tr>
											<tr>
												<td width="22%">
													<br>
												</td>
												<td width="22%">
													&nbsp;
												</td>
											</tr>
											<tr>
												<td width="22%">
													Additional Curricular Activities
													<br>
													<textarea rows="2" cols="20"></textarea>
												</td>
												<td width="22%">
													Rewards/Achievements
													<br>
													<textarea rows="2" cols="20"></textarea>
												</td>
											</tr>
											<tr>
												<td width="22%">
													<br>
												</td>
												<td width="22%">
													&nbsp;
												</td>
											</tr>
											<tr>
												<td width="22%">
													Memberships
													<br>
													<textarea rows="2" cols="20"></textarea>
												</td>
												<td width="22%">
													Others
													<br>
													<textarea rows="2" cols="20"></textarea>
												</td>
											</tr>
											<tr>
												<td width="22%">
													<br>
												</td>
												<td width="22%">
													&nbsp;
												</td>
											</tr>
										</tbody>
									</table>
								</div>
								<div id="tp4" title="Financial Details">
									<table class="table smaller" width="100%">
										<tbody>
											<tr>
												<td class="bg" width="160">
													Date of Hire
												</td>
												<td>
													<input type="text" />
												</td>
											</tr>
											<tr>
												<td class="bg" width="160">
													Date of Termination
												</td>
												<td>
													<input type="text" />
												</td>
											</tr>
											<tr>
												<td class="bg" width="160">
													Date of Retirement
												</td>
												<td>
													<input type="text" />
												</td>
											</tr>
											<tr>
												<td class="bg" width="160">
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</fieldset>
		</td>
	</tr>
</table>